<!DOCTYPE html>
<html lang="en">
<!--<head>-->
<meta charset="UTF-8">
<title>登录</title>
<link rel="stylesheet" href="chargingMessage/css/btn.css">
<link rel="stylesheet" href="css/login.css">

<script src="js/jquery-1.11.1.min.js"></script>
<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script type="text/javascript" src="js/HashMap.js"></script>
<script type="text/javascript" src="js/i4common.js"></script>
<script type="text/javascript" src="js/QWebChannel.es2015.js"></script>
<script type="text/javascript" src="js/mac.js"></script>
<script type="text/javascript" src="js/ajax/base.js"></script>
<script type="text/javascript" src="js/ajax/loginAjax.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script type="text/javascript" src="chargingMessage/js/qrcode.min.js"></script>
<script type="text/javascript" src="js/vConsole.js"></script>
<body oncontextmenu='return i4common.mouseRightEvent();' ondragstart="return false" onselectstart="return false"
      onselect="return false" oncopy="return false"
      onbeforecopy="return false" onmouseup="return false"
      style="margin:0;padding:0;height: 368px;width: 580px;background: white;position: relative">
<!--<body style="margin:0;padding:0 ;height: 368px;width: 580px;position: relative">-->
<div style="position: absolute;" hidden="hidden">
    <img src="./img/login/backBtnActive.svg" alt="">
    <img src="./img/login/backBtnDefault.svg" alt="">
    <img src="./img/login/backBtnDisabled.svg" alt="">
    <img src="./img/login/backBtnHover.svg" alt="">
    <img src="./img/login/wxIconActive.svg" alt="">
    <img src="./img/login/wxIconDefault.svg" alt="">
    <img src="./img/login/wxIconDisabled.svg" alt="">
    <img src="./img/login/wxIconDisabled.svg" alt="">
    <img src="./img/login/wxIconHover.svg" alt="">
    <img src="./img/login/closeBtnDefault.svg" alt="">
    <img src="./img/login/closeBtnHover.svg" alt="">
    <img src="./img/login/closeBtnActive.svg" alt="">
    <img src="./img/login/selected.svg" alt="">
    <img src="./img/login/unselect.svg" alt="">
</div>
<!--验证码和密码登录-->
<div class="codeAndPasswordLogin">
    <div class="tabs">
        <span class="tabsItem activated" type="code">验证码登录</span>
        <span class="tabsItem" type="password">密码登录</span>
    </div>
    <!--    验证码登录-->
    <div class="codeLoginContent" style="display: block">
        <div class="top12Row">
            <input type="text" class="longInput" id="codeLoginPhoneInput" maxlength="11" placeholder="请输入手机号">
        </div>
        <div class="top12Row" style="margin: 12px 0">
            <input type="text" class="shortInput" id="codeLoginCodeInput" maxlength="6" placeholder="请输入验证码">
            <span class="getVerifyCode" inputSelector="#codeLoginPhoneInput" source="1">获取验证码</span>
        </div>
        <div class="top12Row">
            <div class="customBtnPrimary btn" id="codeLoginBtn">登录</div>
        </div>
        <div class="top12Row">
            <div class="customBtnSecondary btn showRegisterBtn">注册</div>
        </div>
        <div style="margin-top: 38px;text-align: center">
            <span class="wxIcon"></span>
        </div>
    </div>
    <!--    密码登录-->
    <div class="passwordContent">
        <div class="top12Row">
            <input type="text" class="longInput" id="passwordLoginPhoneInput" maxlength="11" placeholder="请输入手机号">
        </div>
        <div class="top12Row" style="margin: 12px 0;">
            <input type="password" class="longInput" id="passwordLoginPasswordInput" placeholder="请输入登录密码">
        </div>
        <div style="height: 16px;line-height: 16px">
            <span class="clickableText" style="float: left" id="userNameOrPhone" type="phone">用户名密码登录</span>
            <span class="clickableText" style="float: right" id="showForgetPasswordBtn">忘记密码？</span>
        </div>
        <div class="top12Row" style="margin-top: 24px">
            <div class="customBtnPrimary btn" id="passwordLoginBtn">登录</div>
        </div>
        <div class="top12Row">
            <div class="customBtnSecondary btn showRegisterBtn">注册</div>
        </div>
        <div style="margin-top: 14px;text-align: center;height: 36px">
            <span class="wxIcon"></span>
        </div>
    </div>
</div>
<!--注册账号-->
<div class="registerAccount">
    <div class="tabs" style="line-height: 58px;text-align: center">
        <span class="backBtn"></span>
        <span style="color: rgba(72, 85, 102, 1);font-size: 16px">注册账号</span>
    </div>
    <div style="padding: 0 20px;">
        <div class="top12Row">
            <input type="text" class="longInput" id="registerPhoneInput" maxlength="11" placeholder="请输入手机号">
        </div>
        <div class="top12Row" style="margin: 12px 0">
            <input type="text" class="shortInput" id="registerCodeInput" maxlength="6" placeholder="请输入验证码">
            <span class="getVerifyCode" inputSelector="#registerPhoneInput" source="0">获取验证码</span>
        </div>
        <div style="height: 16px;line-height: 16px;font-size: 12px;position: relative">
            <span id="changeAgreementStatus">
                <span class="acceptUserAgreement aUAUnselected" status="unselect"></span>
                <span style="margin-left: 20px">我同意</span>
            </span>
            <span class="clickableTextBlue" style="margin: 0 8px;" id="showUserAgreementBtn">用户协议</span>
            <span class="clickableTextBlue" id="showPrivacyAgreementBtn">隐私政策</span>
        </div>
        <div class="top12Row" style="margin-top: 24px">
            <div class="customBtnPrimary btn" id="registerBtn">注册</div>
        </div>
    </div>
</div>
<!--忘记密码校验-->
<div class="forgetPassword">
    <div class="tabs" style="line-height: 58px;text-align: center">
        <span class="backBtn"></span>
        <span style="color: rgba(72, 85, 102, 1);font-size: 16px">找回密码</span>
    </div>
    <div style="padding: 0 20px;">
        <div class="top12Row">
            <input type="text" class="longInput" id="forgetPasswordPhoneInput" maxlength="11" placeholder="请输入手机号">
        </div>
        <div class="top12Row" style="margin: 12px 0">
            <input type="text" class="shortInput" id="forgetPasswordCodeInput" maxlength="6" placeholder="请输入验证码">
            <span class="getVerifyCode" inputSelector="#forgetPasswordPhoneInput" source="3">获取验证码</span>
        </div>
        <div class="top12Row" style="margin-top: 24px">
            <div class="customBtnPrimary btn" id="forgetPasswordNextBtn">下一步</div>
        </div>
    </div>
</div>
<!--忘记密码输入新密码-->
<div class="resetPassword">
    <div class="tabs" style="line-height: 58px;text-align: center">
        <span class="backBtn"></span>
        <span style="color: rgba(72, 85, 102, 1);font-size: 16px">填写新密码</span>
    </div>
    <div style="padding: 0 20px;">
        <div class="top12Row">
            <input type="password" class="longInput" id="resetPasswordInputOne" maxlength="30"
                   placeholder="请输入新密码（字母和数字组合8-30位）">
        </div>
        <div class="top12Row">
            <input type="password" class="longInput" id="resetPasswordInputTwo" maxlength="30" placeholder="再次确认新密码">
        </div>
        <div class="top12Row" style="margin-top: 24px">
            <div class="customBtnPrimary btn" id="savePasswordBtn">确认</div>
        </div>
    </div>
</div>
<!--绑定手机号-->
<div class="bindPhone">
    <div class="tabs" style="line-height: 58px;text-align: center">
        <span class="backBtn"></span>
        <span style="color: rgba(72, 85, 102, 1);font-size: 16px">绑定手机号</span>
    </div>
    <div style="padding: 0 20px;">
        <div class="top12Row">
            <input type="text" class="longInput" id="bindPhonePhoneInput" maxlength="11" placeholder="请输入手机号">
        </div>
        <div class="top12Row" style="margin: 12px 0">
            <input type="text" class="shortInput" id="bindPhoneCodeInput" maxlength="6" placeholder="请输入验证码">
            <span class="getVerifyCode" id="bindPhoneSendVerifyCodeBtn" inputSelector="#bindPhonePhoneInput"
                  token="undefined" code="undefined" source="2">获取验证码</span>
        </div>
        <div class="top12Row" style="margin-top: 24px">
            <div class="customBtnPrimary btn" id="bindPhoneBtn">绑定</div>
        </div>
    </div>
</div>
<!--微信扫码-->
<div class="wxCode">
    <div class="tabs" style="line-height: 58px;text-align: center;">
        <span class="backBtn"></span>
        <span style="color: rgba(72, 85, 102, 1);font-size: 16px">请使用微信扫码登录</span>
    </div>
    <div style="position: relative">
        <div id="wxLoginCode"></div>
        <div style="height: 100%;width: 100%;position: absolute;top: 0;left: 0"></div>
    </div>
</div>
<!--用户协议、隐私政策-->
<div class="agreement">
    <div class="tabs" style="line-height: 58px;text-align: center">
        <span class="backBtn" showView="registerAccount" style="left: 12px"></span>
        <span style="color: rgba(72, 85, 102, 1);font-size: 16px" id="agreementTitle"></span>
    </div>
    <div class="agreementContent" id="userAgreement">
        <p><b>请您在成为深圳市为爱普信息技术有限公司（以下简称“为爱普”）开发的平台用户或开始使用为爱普提供的网络信息服务平台（www.i4.cn以下简称“爱思网”）的用户（以下简称“您”）前，单击“我同意”或接受爱思网服务的行为，表明您已经阅读本协议的全部内容并认可、充分理解、同意遵守它的所有条款。如果您不同意这些条款，请停止下一步的注册或放弃接受爱思网的服务。本协议建立在您与为爱普之间，双方承诺严格履行本条款约定的各项权利义务。</b>
        </p>
        <p>第一条
            您在爱思网进行注册时，须提供真实、有效的身份识别资料，并应在前述资料发生变更时，及时于爱思网进行线上更新。若您所提供的资料与事实不符或所提供的资料业已变更而未更新或有任何误导之嫌而导致爱思网无法为您提供或继续提供服务的，您应自行承担由此引发的损失而与为爱普无关。
        </p>
        <p>第二条
            您有义务妥善保管在注册时获得的帐号及密码，如因黑客、第三人行为或您自身保管疏忽导致帐号、密码遭他人非法使用并给您造成损失的，为爱普不承担任何责任，但为爱普将尽可能为您维护自身合法权利提供必要协助。如您发现自身帐号遭他人非法使用或有异常使用的情形，应立即通知为爱普。
        </p>
        <p>第三条
            爱思网为深圳市为爱普信息技术有限公司运营的互联网信息服务平台，平台（包括但不限于爱思助手电脑版、爱思助手移动版）的文字、图片、声音、素材、应用等内容除为爱普原创发布的以外其余均由平台用户上传、发布，用户上传、发布内容保证其上传内容的权属原创或者有权通过信息网络传播，用户承诺避免因上传、发布行为侵害任何第三人的知识产权。<strong>由于您发布上传的内容带来的法律纠纷或其它后果，需要由您自行承担。</strong>
        </p>
        <p>第四条 您须了解并认可，在您使用为爱普服务公开发表内容 (例如，评论、图片、附件) 时，须遵守社会公序良德和相关法律法规，且不得发布和上传如下内容：<br> （1）违反宪法确定的基本原则的<br>
            （2）违反我国法律、法规及其它规定的<br> （3）违背社会公序良俗，有损社会公共利益的<br> （4）侵害第三方合法权益的文件或信息，包括但不限于病毒代码、黑客程序、软件破解注册信息等<br>
            （5）未获合法授权的文章、图片、音乐、视频、应用等<br> （6）广告内容或链接<br> （7）违反为爱普信息发布政策或损害为爱普合法权益的</p>
        <p>第五条
            为爱普有权对您发布和上传的内容进行审核，如为爱普根据自身独立判断认为您所发布、上传的内容包含前述情况的，有权直接删除相关内容，且无需另行通知您。您在此确认，为爱普的审核行为并不为其设置任何义务，也不能免除您的任何责任。
        </p>
        <p>第六条
            您在使用为爱普过程中创作内容所包含的权利将依法归您自行所有。但您应了解，对于您通过为爱普服务发布、上传至可公开获取区域的任何内容，<strong>均视为您已同意授权为爱普获得相应内容在全世界范围内免费的、永久性的、不可撤销的、非独家的和完全再许可的权利和许可，以使用、复制、修改、改编、出版、翻译、据以创作衍生作品、传播、表演和展示此等内容（整体或部分），和/或将此等内容编入当前已知的或以后开发的其他任何形式的作品、媒体或技术中。</strong>
        </p>
        <p>第七条
            爱思网是为爱普搭建的用户沟通交流的平台，所展示的手机软件、主题、壁纸、铃声、小说等手机资源为网友上传分享及部分资源提供商授权发布，所有上述资源仅作为用户间分享讨论之用，<strong>如果您发现上述内容资源属于您享有著作权的内容，用户是未经您的同意发布的，请您通过电子邮件、信件等形式发通知给为爱普，我们在爱思网展示联系方式，为爱普收到通知后第一时间进行核实和处理。</strong>
        </p>
        <p>第八条
            任何由于黑客攻击、计算机病毒侵入或发作，因政府管制而造成的暂时性关闭等影响网络正常浏览的不可抗力而造成的个人资料泄露、丢失、被盗用或被窜改等，本网站均得免责。如因系统维护或升级而需暂停服务时，将事先公告。若因线路及非本网站控制范围外的硬件故障或其它不可抗力而导致暂停服务，于暂停服务期间造成的一切不便与损失，为爱普不负任何责任。
        </p>
        <p>第九条 您应就自身使用为爱普服务的行为负责，并保证在使用为爱普服务的过程中遵循以下原则：<br> （1）遵守中国有关的法律和法规；<br> （2）遵守本协议及为爱普发布的相关管理规定；<br>
            （3）不得以任何形式侵犯第三方及为爱普的合法利益；<br>
            （4）不得将为爱普提供的服务用于任何非法或侵权活动，包括但不限于将其用于展示、传播包含色情、种族主义、低级趣味、淫秽、诽谤中伤、污辱性质的资料，以及传播任何针对宗教、民族传统、人种、性别、年龄的各种仇恨、歧视和偏见的内容。<strong>为爱普有权对您使用服务的情况进行审查和监督，如为爱普根据自身独立判断认为您存在违法或违约行为的，有权要求您纠正相应行为，并采取一切必要的措施（包括但不限于更改或删除您发布或上传的内容、暂停或终止您使用为爱普服务的权利等）以减轻您行为造成的影响。但您确认，为爱普的审查行为并不为其设置任何责任，也不免除您的任何义务。</strong>
        </p>
        <p>第十条
            您可以在任何时候通过删除所有在您的控制之下的备份软件来终止本协议。为爱普在任何时候通过在网站上张贴通知终止或在您的注册的电子邮件地址发送一个终止信息。<strong>为爱普可能监测信息系统过度使用和可能需要的技术或其他补救措施以防止或消除认为必要的任何过度使用。如果认为您是使用过度,为爱普可终止您帐户。您必须立即停止使用为爱普提供的产品并删除所有副本，使任何相关软件在您的电脑上找不到任何备份。一旦终止，为爱普可以没有另行通知而禁止对产品的进一步使用，可能删除任何账户信息，任何存储在为爱普的备份数据。这些删除是为爱普的单方权利并且不需对您另行通知。</strong>
        </p>
        <p>第十一条
            如果您不使用爱思网服务，您的个人数据仅存放在您的电脑和手机中。为爱普承诺将采取必要措施保护用户存放在爱思网服务上的个人数据及隐私信息的安全。除本协议约定的除外情况，为爱普保证不对外公开或向第三方提供、公开或共享您的个人数据及隐私信息。<strong>在以下情况下，为爱普对您个人数据及隐私信息的披露将不视为违约，具体包括：</strong><br>
            （1）为爱普已获得您的明确授权；<br> （2）根据有关的法律法规要求，为爱普负有披露义务的；<br> （3）司法机关或行政机关基于法定程序要求为爱普提供的；<br>
            （4）为维护社会公共利益及为爱普合法权益，在合理范围内进行披露的。<br>
            （5）为爱普可能会与第三方合作向用户提供相关的网络服务或使用其数据收集工具用以完善自身服务，在此情况下，如该第三同意承担与为爱普同等的隐私保护责任的，则为爱普可在合理范围内对您的信息进行披露。</p>
        <p>第十二条
            <strong>所有的问题、通知、要求或请求,就本协议发送至为爱普:ct@i4.cn。本协议是双方就接受爱思网服务和使用为爱普提供的平台作出的全部约定，取代任何之前可能存在的约定。为爱普可以修改本协议至被法律所允许的程度，为爱普将提醒您注意在其网站上发布修改后的协议。请注意您必须定期访问为爱普的网站，以关注本协议的任何变化。在本协议修改后您继续使用本产品代表您接受修改后的协议内容。</strong>
        </p>
        <p>第十三条 不可抗力和互联网的缺陷。各方承认，互联网运营超出了对方的合理控制，任何一方都不应该承担通信链接的中断或失败、网络运行迟缓或失败或者类似传输失败的责任。</p>
        <p>第十四条 执行本协议和所有程序引起的纠纷适用法律为中华人民共和国法律、解释，包括侵权索赔，不考虑任何利益冲突的法律原则。由本协议引起的所有纠纷由深圳国际仲裁院（深圳仲裁委员会）管辖。</p>
        <p>第十五条
            <strong>未经为爱普书面同意，您不得将通过本协议取得的任何权利或义务转让，不管是通过合并、整合、法律的实施或其他任何方式。在法律允许的范围，为爱普可能未经您的同意转让其权利和义务。</strong>当本协议的任何条款被认定为无效或者无约束力，该条款都应该做最小的修改以重新有效或者取得约束力。如果无法通过修改使该条款恢复效力，则该条款被视为省略，其他条款仍然有效且有约束力。所有有关保密、专有权、赔偿、责任限制的条款均在协议终止后仍然有效。如依据我国法律法规的相关规定，本协议内任何规定被判定为部分或全部无效时，不影响其它规定的效力。
        </p>
    </div>
    <div class="agreementContent" id="privacyAgreement">
        <h3>权利归属</h3>
        <p>
            除非爱思助手另行声明，爱思助手推出的所有官方产品、技术、软件、程序、数据及其他信息（包括文字、图标、图片、照片、音频、视频、图表、色彩组合、版面设计等）的所有权利（包括著作权、商标权、专利权、商业秘密及其他相关权利）均归爱思助手及/或其关联公司所有。未经爱思助手集团及/或其关联公司事先许可，任何人擅自使用上述内容和信息，可能会侵犯爱思助手及/或其关联公司的权利，我们将会追究侵权者的法律责任。如有宣传、展示等任何使用需要，请您务必取得爱思助手及/或其关联公司的事先许可。</p>
        <h3>信息限制</h3>
        <p>
            为维护爱思助手的正常运行秩序及效率，未经爱思助手及/或其关联公司许可，任何人不得自行、授权或协助第三方对爱思助手及其系统进行地址扫描、网络端口扫描、操作系统探测等扫描及/或探测，或以包括通过机器人、蜘蛛等程序或设备监视、复制、传播、展示、镜像、上载、下载等方式擅自获取、使用爱思助手内的任何内容。</p>
        <p>免责声明</p>
        <p><b>爱思助手服务平台不对会员或任何第三人因下列情况引起的损失负责：</b></p>
        <p>①因不可抗力（包括但不限于地震、台风、水灾、火灾、战争及其他不能预见、不能避免且不可克服的客观事件）导致的；</p>
        <p>②因平台不可预测或无法控制的系统故障、设备故障、通讯故障、线路故障、停电、黑客攻击等突发事件或第三方原因给会员造成的损失；</p>
        <p>③平台有合理的理由终止会员资格或拒绝会员接入的；</p>
        <p>④会员在平台中提供的有关商品或服务违反或被指称违反质量标准等任何保证、承诺或法律规定的；</p>
        <p>⑤任何非经会员授权或许可的第三方非法使用会员的名称、账号、密码、数字证书等登录或进行任何形式操作的；</p>
        <p>⑥会员间或会员与任何第三人间的违约行为、侵权责任等；</p>
        <p>⑦会员有违背协议承诺、保证或相关义务、责任之行为或事由的；</p>
        <p>⑧非经授权获取或更改会员所传送的信息或数据的；</p>
        <p>⑨服务中任何非与平台有关第三人的声明或行为。</p>
        <h3>声明修改</h3>
        <p>
            根据互联网的发展和有关法律、法规及规范性文件的变化，或者因业务发展需要，爱思助手有权对本协议的条款作出修改或变更，一旦本协议的内容发生变动，爱思助手将会直接公布修改之后的协议内容，该公布行为视为爱思助手已经通知用户修改内容，爱思助手也可采用其他的传送方式，提示用户协议条款的修改、服务变更、或其它重要事项。</p>
        <p>如果不同意爱思助手对本声明相关条款所做的修改，用户有权并应当停止使用爱思助手。如果用户继续使用爱思助手，则视为用户接受爱思助手对本协议相关条款所做的修改。</p>
    </div>
</div>
<div class="toast">
    <span class="toastContent"></span>
</div>
<div class="manualSendCode">
    <span class="msdContent">
        <div class="msdTitle">接收不到短信验证码<span id="msdClose"></span></div>
        <div style="height: 16px;line-height: 16px;margin-top: 12px;margin-left: 16px">
            请使用手机号<span style="margin-left: 8px;color: black" id="msgPhone"></span>
        </div>
        <div style="height: 16px;line-height: 16px;margin-top: 12px;margin-left: 16px">
            编辑短信<span style="margin-left: 8px;color: rgba(0, 111, 255, 1)" id="msgCode"></span>
        </div>
        <div style="height: 16px;line-height: 16px;margin-top: 12px;margin-left: 16px">
            发送到<span style="margin-left: 8px;color: rgba(0, 111, 255, 1)" id="msgTargetPhone"></span>
        </div>

        <div style="margin-top: 36px;text-align: center;">
            <div class="customBtnPrimary" id="msdEntry">我已发送</div>
        </div>
    </span>
</div>
<div class="imgVerifyCode">
    <span class="imgVContent">
        <div class="imgVTitle">请输入图形验证码<span id="imgVClose"></span></div>
            <div style="height: 68px;text-align: center">
                <img src="" id="imgCode" alt="">
            </div>
        <div style="text-align: center;margin: 12px 0 24px">
            <input type="text" class="shortInput" style="width: 208px;height: 32px" maxlength="6"
                   id="imgVerifyCodeInput"
                   placeholder="请输入图片中的验证码">
        </div>
        <div style="text-align: center;">
            <div class="customBtnPrimary" style="width: 200px;float: initial" id="imgVEntry">确认</div>
        </div>
    </span>
</div>
</body>
<script>
    $(function () {
        Login.init();
    });
</script>
</html>
